<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>jQuery城市三级联动 - H-ui前端框架代码特效</title>
<meta name="keywords" content="jQuery城市三级联动,代码特效,H-ui前端框架">
<meta name="description" content="H-ui前端框架代码特效JS城市三级联动">
<link href="http://static.h-ui.net/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html,body{height:auto;}
#province select{margin-left:10px; width:100px}
</style>
</head>
<body>
<div id="province"></div>
<script type="text/javascript" src="http://lib.h-ui.net/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.provincesCity.js"></script>
<script type="text/javascript" src="provincesData.js"></script>
<script type="text/javascript">
/*调用插件*/
$(function(){
	$("#province").ProvinceCity();
});
</script>
</body>
</html>
